<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信平台</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.css}">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" th:href="@{/css/fontastic.css}">
    <!-- Google fonts - Roboto -->
    <!--<link rel="stylesheet" th:href="@{https://fonts.googleapis.com/css?family=Roboto:300,400,500,700}">-->
    <!-- jQuery Circle-->
    <link rel="stylesheet" th:href="@{/css/grasp_mobile_progress_circle-1.0.0.min.css}">
    <!-- Custom Scrollbar-->
    <link rel="stylesheet" th:href="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css}">
    <!-- theme stylesheet-->
    <link rel="stylesheet" th:href="@{/css/style.blue.css}" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" th:href="@{/css/custom.css}">
    <!--toastr-->
    <link rel="stylesheet" th:href="@{/css/toastr.css}">
    <!-- Favicon-->
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}">
    <link rel="stylesheet" th:href="@{/css/bootstrap-datetimepicker.css}">
    <link rel="stylesheet" th:href="@{/css/zTree/zTreeStyle/bootstrapStyle.css}" type="text/css">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>
</head>

<body>
<!-- Side Navbar -->
<div th:replace="~{/pages/common/side_navbar.html}"></div>
<div class="page">
    <!-- navbar-->
    <div th:replace="~{/pages/common/header_navbar.html}"></div>

    <!--页码代码-->
    <!-- Breadcrumb-->
    <!-- Breadcrumb-->
    <div class="breadcrumb-holder">
        <div class="container-fluid">
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">草稿箱</a></li>
                <li class="breadcrumb-item active">短信详情</li>
            </ul>
        </div>
    </div>
    <section class="dashboard-counts">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h4>短信详情</h4>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 col-lg-9">
                <div class="card-body ">
                    <form class="form-horizontal">
                        <div class="form-group row h-auto">
                            <label class="col-md-2 col-lg-1 form-control-label">接收人</label>
                            <div class="col-md-10 col-lg-11">
                                <textarea   id="addressBook" class="form-control" style="max-height: 300px" readonly
                                          th:text="${data.receiveBookUserName}"
                                          placeholder="从通讯录中选择用户，多个以英文分号;分开,总人数不能超过5000个"></textarea>
                            </div>
                        </div>
                        <div class="form-group row h-auto">
                            <label class="col-md-2 col-lg-1 form-control-label">其他接收人</label>
                            <div class="col-md-10  col-lg-11">
                                <textarea id="ortherUser" class="form-control " th:text="${data.receiveOrtherUserPhone}" readonly
                                          placeholder="输入其他用户，多个以英文分号;分开,总人数不能超过5000个"></textarea>
                            </div>
                        </div>
                        <div class="form-group row ">
                            <label class="col-md-2 col-lg-1 form-control-label">短信主题</label>
                            <div class="col-md-10 col-lg-11">
                                <input class="form-control " maxlength="100" id="topic" th:value="${data.msgSubject}" readonly/>
                            </div>
                        </div>
                        <div class="form-group row ">
                            <label class="col-md-2 col-lg-1 form-control-label">短信正文</label>
                            <div class="col-md-10 col-lg-11">
                                <textarea class="form-control " style="height: 300px !important;"
                                          th:text="${data.msgContent}"
                                          placeholder="建议不要超过500" maxlength="500" id="content" readonly></textarea>
                            </div>
                        </div>
                        <div class="form-group row " th:if="${data.msgType==2}">
                            <label class="col-md-2 col-lg-1 form-control-label">定时发送时间</label>
                            <div class="col-md-10 col-lg-11">
                                <input class="form-control " maxlength="100"
                                       th:value="${#dates.format(data.msgTime,'yyyy-MM-dd HH:mm:ss')}" readonly/>
                            </div>
                        </div>
                        <div class="form-group row " th:if="${data.msgType==1 || data.msgType==3}">
                            <label class="col-md-2 col-lg-1 form-control-label">保存时间</label>
                            <div class="col-md-10 col-lg-11">
                                <input class="form-control " maxlength="100"
                                       th:value="${#dates.format(data.createTime,'yyyy-MM-dd HH:mm:ss')}" readonly/>
                            </div>
                        </div>
                        <div class="line"></div>
                        <div class="col-md-4 col-lg-4 offset-lg-5 offset-md-5">
                            <input type="hidden" th:value="${url}" id="preUrl">
                            <button type="button" class="btn btn-secondary " onclick="backPre()">返回
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!--页码-->
    <div th:replace="~{/pages/common/foot.html}"></div>
</div>

</body>
<!-- JavaScript files-->
<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/vendor/popper.js/umd/popper.min.js}"></script>
<script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/js/grasp_mobile_progress_circle-1.0.0.min.js}"></script>
<script th:src="@{/vendor/jquery.cookie/jquery.cookie.js}"></script>
<!--<script th:src="@{/vendor/chart.js/Chart.min.js}"></script>-->
<script th:src="@{/vendor/jquery-validation/jquery.validate.min.js}"></script>
<script th:src="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js}"></script>
<!--<script th:src="@{/js/charts-home.js}"></script>-->
<!-- Main File-->
<script th:src="@{/js/front.js}"></script>
<script th:src="@{/js/toastr.min.js}"></script>
<script th:src="@{/js/base.js}"></script>
<script th:src="@{/js/autosize.min.js}"></script>
<script th:src="@{/js/bootstrap-datetimepicker.js}"></script>
<script th:src="@{/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script type="text/javascript" th:src="@{/js/zTree/jquery.ztree.core.js}"></script>
<script type="text/javascript" th:src="@{/js/zTree/jquery.ztree.excheck.js}"></script>
<script type="text/javascript" th:src="@{/js/zTree/jquery.ztree.exedit.js}"></script>

<script type="text/javascript">
    $(document).ready(function () {
        autosize($("#addressBook"));
        autosize($("#ortherUser"));


    });

    function backPre() {
        window.location.href = $appName + $("#preUrl").val();
    }


</script>
</html>